<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="never">
    <title>Document</title>
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/zm.css ">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2348089_3svz718h1ue.css">
    <link rel="stylesheet" href="./css/wen-index.css">



</head>

<body>
    <!-- 搜索框 -->
    <div class="header">
        <div class="header-con">
            <div class="header-left">
                <i class="a1 iconfont icon-fangdajing"></i>
            </div>
            <div class="header-right">
                <a href="https://m.hua.com/home/searching">搜索鲜花、蛋糕、礼品</a>
            </div>
        </div>
    </div>
    <!-- 内容部分 -->
    <div class="cate">
        <!-- 推荐部分 -->
        <div class="menu">

            <ul class="list">
                <li class="item active" data-i="0">热门推荐</li>
                <li class="item" data-i="1">鲜花</li>
                <li class="item" data-i="2">永生花</li>
                <li class="item" data-i="3">蛋糕</li>
                <li class="item" data-i="4">特色礼品</li>
                <li class="item" data-i="5">礼篮</li>
                <li class="item" data-i="6">特色花卉</li>

            </ul>
        </div>
        <!-- 右边内容部分 -->
        <div class="aa">
            <div class="deta active">
                <div class="deta-t ">
                    <img src="https://img02.hua.com/slider/21_valentine_all.jpg" alt="">
                </div>
                <div class="deta-b">
                    <ul class="deta-list"></ul>
                </div>
            </div>

            <div class="deta">
                <div class="deta-t ">
                    <img src="https://img02.hua.com/m/category/Classification/flower.png" alt="">
                </div>
                <div class="deta-b">
                    <ul class="deta-list"></ul>
                </div>
            </div>

            <div class="deta">
                <div class="deta-t ">
                    <img src="https://img02.hua.com/m/category/Classification/ppf.png" alt="">
                </div>
                <div class="deta-b">
                    <ul class="deta-list"></ul>
                </div>
            </div>

            <div class="deta">
                <div class="deta-t ">
                    <img src="https://img02.hua.com/m/category/Classification/cake.png" alt="">
                </div>
                <div class="deta-b">
                    <ul class="deta-list"></ul>
                </div>
            </div>

            <div class="deta">
                <div class="deta-t ">
                    <img src="https://img02.hua.com/m/category/Classification/gift.png" alt="">
                </div>
                <div class="deta-b">
                    <ul class="deta-list"></ul>
                </div>
            </div>

            <div class="deta">
                <div class="deta-t ">
                    <img src="https://img02.hua.com/m/category/Classification/hamper.png" alt="">
                </div>
                <div class="deta-b">
                    <ul class="deta-list"></ul>
                </div>
            </div>

            <div class="deta">
                <div class="deta-t ">
                    <img src="https://img02.hua.com/m/category/Classification/plants.png" alt="">
                </div>
                <div class="deta-b">
                    <ul class="deta-list"></ul>
                </div>
            </div>
        </div>

    </div>
    <!-- 页脚区 -->
    <!-- 页脚区域 -->
    <nav class="tabbar">
        <div class="tabbar-item1">
            <a href="./index.html" class="navigation">
                <i class="iconfont icon-shouye"></i>
                <p>首页</p>
            </a>
        </div>
        <div class="tabbar-item1 activv">
            <a href="./zm.html" class="navigation">
                <i class="iconfont icon-iconfontcategory"></i>
                <p>分类</p>
            </a>
        </div>
        <div class="tabbar-item1">
            <a href="wen-shopping.html" class="navigation">
                <i class="iconfont icon-gouwuche"></i>
                <p>购物车</p>
            </a>
        </div>
        <div class="tabbar-item1">
            <a href="wen-index.html" class="navigation">
                <i class="iconfont icon-xiaolian"></i>
                <p>我的</p>
            </a>
        </div>
    </nav>
    <script src="./js/jquery.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/rem.js"></script>
    <script src="./js/zm.js"></script>
</body>

</html>